iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0

前言

「讓我們的想像力帶領我們穿越時空,回到恐龍盛行的年代。在那片遼闊的草原上,一隻壯觀的阿根廷龍正緩緩行走。科學家的研究告訴我們,這種恐龍的體重高達77公噸,站立時高度更是驚人的20公尺。然而,即使有了這些數據,我們仍然難以真正理解這種史前巨獸與人類的尺度對比。

回到現實,我正忙著將一本關於恐龍的科學書籍塞入孩子的書包。這個書包重達7公斤,每天接送孩子上下學都讓我感到負擔。就在這時,我突然想到還有家務待做。我走到公寓的頂樓,準備拍打灰塵和曬換季的厚被子。

正當我忙碌於家務之際,一個令人難以置信的場景出現了。一隻阿根廷龍的頭突然探進了頂樓,差點撐破了鐵皮屋頂。它似乎誤以為我的綠色被子是美味的樹葉。這時,我突然意識到,站在5樓頂的我,高度與20公尺高的阿根廷龍的眼神恰好相遇。要移動這隻重達77公噸的巨獸,就像是要同時搬運11000個孩子的書包一樣不可能。於是,我向它揮了揮手,示意它離開。這隻看似溫和的草食性恐龍,雖然顯得有些驚訝,但最終還是慢慢地離開了。」

我一直對恐龍有著濃厚的興趣,也熱愛以創新的方式呈現枯燥的數據。無論是資料視覺化(Data Visualization)還是遊戲化(Gamification),我都認為透過不同的包裝方式,可以讓人更深入地理解資料,與思考自己與資料的關聯。例如,在不同場合中,網頁前端發展的歷史經常被提及,但很少有人能記住所有的年份和事件。1989年出生的我,在隔年,Tim Berners-Lee創造了第一個瀏覽器WorldWideWeb,開啟了網絡的新紀元。受到紐約時報時間排列遊戲的啟發,我計劃製作一個「時間線任務」頁面,讓人們在遊戲中了解網頁技術的發展脈絡,並思考這些技術如何持續推動社群的發展。

大綱

以下是我接下來30天預計要寫的內容,也請大家多多指教:

  • 做怎樣的一個 Side Project Day1
  • 執行專案輔助工具 Day2
  • 參考網站內容需求分析 Day3
  • Wireframe 製作 Day4
  • 建立網站專案 Day5
  • 調整網站架構 Day6
  • 寫可維護的程式 Day7
  • 新增測試 Day8
  • 切版 Day9
  • 切版 RWD 處理 Day10
  • 切版 動態樣式處理 Day11
  • 功能製作 遊戲說明與燈箱 Day12
  • 功能製作 (drag and drop mobile 上) Day13
  • 功能製作 (drag and drop mobile 下) Day14
  • 功能製作 複雜的時間軸拉伸處理 Day15
  • 功能製作 複雜的卡片提示與卡片區塊移動處理 Day16
  • 功能製作 計分 分數回饋 Day17
  • 功能製作 遊戲狀態與進度 Day18
  • 過場動畫製作設計 Day19
  • 過場動畫實踐 Day20
  • 網站分享 Day21
  • GA4 埋追蹤碼與資料追蹤 Day22
  • 部屬網站到 github page 並搭配使用 github action Day23
  • 測試與回饋 Day24
  • 優化 (網站體驗核心指標報告) Day25
  • 優化 (重構) Day26
  • 展望與延伸功能 關閉頁面後分數紀錄 Day27
  • 展望與延伸功能 輸入姓名出生年 GX 設計 Day27
  • 展望與延伸功能 遊戲內容更新使用 GAS Day28
  • 展望與延伸功能 塞入廣告 Day29
  • 賽後心得與展望 Day30

下一篇
執行專案輔助工具
系列文
打造紐時風格的時間線小遊戲30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 則留言

0
ShawnL
iT邦新手 1 級 ‧ 2023-09-18 09:50:25

推推!網站從設計到開發一條龍!

謝謝 Shawn!!!

0
金金
iT邦新手 1 級 ‧ 2023-09-18 10:50:58

推一個~這個真的很有趣!

YA! 謝謝金金!

我要留言

立即登入留言